<template>
  <div class="app-container">
    <div v-show="!show.detailShow">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
      <el-form-item label="统一社会信用代码" prop="tyxydm">
        <el-input
          v-model="queryParams.f109Tyxydm"
          placeholder="请输入统一社会信用代码"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="单位详细名称" prop="dwxxmc">
        <el-input
          v-model="queryParams.f102Dwxxmc"
          placeholder="单位详细名称"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button class="left50" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
        >新增</el-button>
      </el-col>
<!--      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['system:fytb:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:fytb:remove']"
        >删除</el-button>
      </el-col>-->
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="projectList" @selection-change="handleSelectionChange">
      <el-table-column
        v-for="(item,i) in tablecols"
        :label="item.label"
        :prop="item.fieldsql"
        :width="(item.label).length*25"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="200dp">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleDetails(scope.row)"
          >详情
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-map-location"
            @click="handleDelete(scope.row)"
          >删除
          </el-button>
        </template>
      </el-table-column>
    </el-table>
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"/>
    </div>

    <economicComDetail v-if="show.detailShow" ref="detail" :titles="tablecols" :show="show" tableName="fytb"></economicComDetail>

    <!-- 添加或修改A法人单位和产业活动单位基本情况对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="70%" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="20%">
        <el-form-item label="单位类型" prop="f110Dwlx">
          <el-input v-model="form.f110Dwlx" placeholder="请输入单位类型" />
        </el-form-item>
        <el-form-item label="普查小区代码" prop="f111Pcxqdm">
          <el-input v-model="form.f111Pcxqdm" placeholder="请输入普查小区代码" />
        </el-form-item>
        <el-form-item label="建筑物编码" prop="f112Jzwbm">
          <el-input v-model="form.f112Jzwbm" placeholder="请输入建筑物编码" />
        </el-form-item>
        <el-form-item label="底册唯一标识码" prop="f113Dcwybsm">
          <el-input v-model="form.f113Dcwybsm" placeholder="请输入底册唯一标识码" />
        </el-form-item>
        <el-form-item label="专业类别" prop="f114Zylb">
          <el-input v-model="form.f114Zylb" placeholder="请输入专业类别" />
        </el-form-item>
        <el-form-item label="统一社会信用代码" prop="f109Tyxydm">
          <el-input v-model="form.f109Tyxydm" placeholder="请输入统一社会信用代码" />
        </el-form-item>
        <el-form-item label="单位详细名称" prop="f102Dwxxmc">
          <el-input v-model="form.f102Dwxxmc" placeholder="请输入单位详细名称" />
        </el-form-item>
        <el-form-item label="法定代表人(单位负责人)" prop="f201Fdfzr">
          <el-input v-model="form.f201Fdfzr" placeholder="请输入法定代表人(单位负责人)" />
        </el-form-item>
        <el-form-item label="开业(成立)时间" prop="f202Kysj">
          <el-date-picker clearable
                          v-model="form.f202Kysj"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择开业(成立)时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="联系方式-长途区号" prop="f203Ctqh">
          <el-input v-model="form.f203Ctqh" placeholder="请输入联系方式-长途区号" />
        </el-form-item>
        <el-form-item label="联系方式-固定电话" prop="f203Gddh">
          <el-input v-model="form.f203Gddh" placeholder="请输入联系方式-固定电话" />
        </el-form-item>
        <el-form-item label="联系方式-移动电话" prop="f203Yddh">
          <el-input v-model="form.f203Yddh" placeholder="请输入联系方式-移动电话" />
        </el-form-item>
        <el-form-item label="联系方式-传真号码" prop="f203Czdh">
          <el-input v-model="form.f203Czdh" placeholder="请输入联系方式-传真号码" />
        </el-form-item>
        <el-form-item label="联系方式-邮政编码" prop="f203Yzbm">
          <el-input v-model="form.f203Yzbm" placeholder="请输入联系方式-邮政编码" />
        </el-form-item>
        <el-form-item label="联系方式-电子邮箱" prop="f203Dzyx">
          <el-input v-model="form.f203Dzyx" placeholder="请输入联系方式-电子邮箱" />
        </el-form-item>
        <el-form-item label="联系方式-网址" prop="f203Wz">
          <el-input v-model="form.f203Wz" placeholder="请输入联系方式-网址" />
        </el-form-item>
        <el-form-item label="单位所在地及区划" prop="f204Address">
          <el-input v-model="form.f204Address" placeholder="请输入单位所在地及区划" />
        </el-form-item>
        <el-form-item label="区划代码" prop="f106Qhdm">
          <el-input v-model="form.f106Qhdm" placeholder="请输入区划代码" />
        </el-form-item>
        <el-form-item label="城乡代码" prop="f106Cxdm">
          <el-input v-model="form.f106Cxdm" placeholder="请输入城乡代码" />
        </el-form-item>
        <el-form-item label="运营状态" prop="f208Yyzt">
          <el-input v-model="form.f208Yyzt" placeholder="请输入运营状态" />
        </el-form-item>
        <el-form-item label="行业类别 主要业务活动" prop="f103Hylb">
          <el-input v-model="form.f103Hylb" placeholder="请输入行业类别 主要业务活动" />
        </el-form-item>
        <el-form-item label="行业代码(GB/T 4754-2017)" prop="f103Hydm">
          <el-input v-model="form.f103Hydm" placeholder="请输入行业代码(GB/T 4754-2017)" />
        </el-form-item>
        <el-form-item label="机构类型" prop="f211Jglx">
          <el-input v-model="form.f211Jglx" placeholder="请输入机构类型" />
        </el-form-item>
        <el-form-item label="登记注册类型" prop="f205Djzcx">
          <el-input v-model="form.f205Djzcx" placeholder="请输入登记注册类型" />
        </el-form-item>
        <el-form-item label="园区企业所属园区详细名称(限建筑业企业)" prop="f106Yqxxmc">
          <el-input v-model="form.f106Yqxxmc" placeholder="请输入园区企业所属园区详细名称(限建筑业企业)" />
        </el-form-item>
        <el-form-item label="多媒体附件信息" prop="fMedia">
          <el-input v-model="form.fMedia" placeholder="请输入多媒体附件信息" />
        </el-form-item>
        <el-form-item label="批发和零售业、住宿和餐饮业单位经营形式" prop="fEs1">
          <el-input v-model="form.fEs1" placeholder="请输入批发和零售业、住宿和餐饮业单位经营形式" />
        </el-form-item>
        <el-form-item label="连锁品牌(商标或商号名称 经营形式选2/3/4的单位填报)" prop="fEs1Name">
          <el-input v-model="form.fEs1Name" placeholder="请输入连锁品牌(商标或商号名称 经营形式选2/3/4的单位填报)" />
        </el-form-item>
        <el-form-item label="零售业态" prop="fE02">
          <el-input v-model="form.fE02" placeholder="请输入零售业态" />
        </el-form-item>
        <el-form-item label="批发和零售业年末零售营业面积(平方米)" prop="fE03">
          <el-input v-model="form.fE03" placeholder="请输入批发和零售业年末零售营业面积(平方米)" />
        </el-form-item>
        <el-form-item label="住宿业单位星级评定情况" prop="fS02">
          <el-input v-model="form.fS02" placeholder="请输入住宿业单位星级评定情况" />
        </el-form-item>
        <el-form-item label="住宿和餐饮年末餐饮营业面积(平方米)" prop="fS03">
          <el-input v-model="form.fS03" placeholder="请输入住宿和餐饮年末餐饮营业面积(平方米)" />
        </el-form-item>
        <el-form-item label="港澳台商投资情况(限港澳台商投资企业填报)" prop="f216Gat">
          <el-input v-model="form.f216Gat" placeholder="请输入港澳台商投资情况(限港澳台商投资企业填报)" />
        </el-form-item>
        <el-form-item label="隶属关系" prop="f207Lsgx">
          <el-input v-model="form.f207Lsgx" placeholder="请输入隶属关系" />
        </el-form-item>
        <el-form-item label="企业控股情况" prop="f206Kgqk">
          <el-input v-model="form.f206Kgqk" placeholder="请输入企业控股情况" />
        </el-form-item>
        <el-form-item label="执行会计标准类别" prop="f209Zxkj">
          <el-input v-model="form.f209Zxkj" placeholder="请输入执行会计标准类别" />
        </el-form-item>
        <el-form-item label="执行企业会计准则情况" prop="f210Qykj">
          <el-input v-model="form.f210Qykj" placeholder="请输入执行企业会计准则情况" />
        </el-form-item>
        <el-form-item label="单位规模" prop="f191Dwgm">
          <el-input v-model="form.f191Dwgm" placeholder="请输入单位规模" />
        </el-form-item>
        <el-form-item label="从业人员期末人数" prop="f192Rs">
          <el-input v-model="form.f192Rs" placeholder="请输入从业人员期末人数" />
        </el-form-item>
        <el-form-item label="从业女性期末人数" prop="f192Nxrs">
          <el-input v-model="form.f192Nxrs" placeholder="请输入从业女性期末人数" />
        </el-form-item>
        <el-form-item label="营业收入(企业法人单位填报)" prop="f193Yysr">
          <el-input v-model="form.f193Yysr" placeholder="请输入营业收入(企业法人单位填报)" />
        </el-form-item>
        <el-form-item label="资产总计(企业法人单位填报)" prop="f193Zczj">
          <el-input v-model="form.f193Zczj" placeholder="请输入资产总计(企业法人单位填报)" />
        </el-form-item>
        <el-form-item label="税金及附加(企业法人单位填报)" prop="f193Sjfj">
          <el-input v-model="form.f193Sjfj" placeholder="请输入税金及附加(企业法人单位填报)" />
        </el-form-item>
        <el-form-item label="非企业单位支出费用(非企业法人单位填报)" prop="f194Yysr">
          <el-input v-model="form.f194Yysr" placeholder="请输入非企业单位支出费用(非企业法人单位填报)" />
        </el-form-item>
        <el-form-item label="资产总计(非企业法人单位填报)" prop="f194Zczj">
          <el-input v-model="form.f194Zczj" placeholder="请输入资产总计(非企业法人单位填报)" />
        </el-form-item>
        <el-form-item label="本法人单位是否有上一级法人" prop="f214Sj">
          <el-input v-model="form.f214Sj" placeholder="请输入本法人单位是否有上一级法人" />
        </el-form-item>
        <el-form-item label="上一级法人统一社会信用代码" prop="f214Sjdm">
          <el-input v-model="form.f214Sjdm" placeholder="请输入上一级法人统一社会信用代码" />
        </el-form-item>
        <el-form-item label="上一级法人单位详细名称" prop="f214Sjmc">
          <el-input v-model="form.f214Sjmc" placeholder="请输入上一级法人单位详细名称" />
        </el-form-item>
        <el-form-item label="本法人单位是否有下属产业活动单位(分支机构、派出机构、分公司、分部、分厂、分店等)" prop="f214Xj">
          <el-input v-model="form.f214Xj" placeholder="请输入本法人单位是否有下属产业活动单位(分支机构、派出机构、分公司、分部、分厂、分店等)" />
        </el-form-item>
        <el-form-item label="产业活动单位归属法人单位类别" prop="f182Dwlb">
          <el-input v-model="form.f182Dwlb" placeholder="请输入产业活动单位归属法人单位类别" />
        </el-form-item>
        <el-form-item label="法人单位统一社会信用代码" prop="f182Frdwdm">
          <el-input v-model="form.f182Frdwdm" placeholder="请输入法人单位统一社会信用代码" />
        </el-form-item>
        <el-form-item label="法人单位详细名称" prop="f182Frdwmc">
          <el-input v-model="form.f182Frdwmc" placeholder="请输入法人单位详细名称" />
        </el-form-item>
        <el-form-item label="法人单位详细地址" prop="f182Frdwdz">
          <el-input v-model="form.f182Frdwdz" placeholder="请输入法人单位详细地址" />
        </el-form-item>
        <el-form-item label="法人单位区划代码" prop="f182Frdwqhdm">
          <el-input v-model="form.f182Frdwqhdm" placeholder="请输入法人单位区划代码" />
        </el-form-item>
        <el-form-item label="从业人员期末人数" prop="f198Ryrs">
          <el-input v-model="form.f198Ryrs" placeholder="请输入从业人员期末人数" />
        </el-form-item>
        <el-form-item label="从业女性期末人数" prop="f198Nxrs">
          <el-input v-model="form.f198Nxrs" placeholder="请输入从业女性期末人数" />
        </el-form-item>
        <el-form-item label="经营性单位收入(经营性单位填报)" prop="f195Jyxdwsr">
          <el-input v-model="form.f195Jyxdwsr" placeholder="请输入经营性单位收入(经营性单位填报)" />
        </el-form-item>
        <el-form-item label="非经营性单位支出费用(非经营性单位填报)" prop="f196Fjyxzc">
          <el-input v-model="form.f196Fjyxzc" placeholder="请输入非经营性单位支出费用(非经营性单位填报)" />
        </el-form-item>
        <el-form-item label="本年商品房销售面积(房地产开发经营业产业活动单位填报)" prop="f197Xsmj">
          <el-input v-model="form.f197Xsmj" placeholder="请输入本年商品房销售面积(房地产开发经营业产业活动单位填报)" />
        </el-form-item>
        <el-form-item label="年末商品房待售面积(房地产开发经营业产业活动单位填报)" prop="f197Dsmj">
          <el-input v-model="form.f197Dsmj" placeholder="请输入年末商品房待售面积(房地产开发经营业产业活动单位填报)" />
        </el-form-item>
        <el-form-item label="经度" prop="fX">
          <el-input v-model="form.fX" placeholder="请输入经度" />
        </el-form-item>
        <el-form-item label="纬度" prop="fY">
          <el-input v-model="form.fY" placeholder="请输入纬度" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import { listFytb, getFytb, delFytb, addFytb, updateFytb } from "@/api/economic/fytb";
import { getFields } from '@/api/economic/basic'
import economicComDetail from '@/views/economic/economicComDetail'

export default {
  name: 'FYTB',
  components: {
    economicComDetail
  },
  data() {
    return {
      show:{
        detailShow:false,
      },
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 待办表格数据
      projectList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        f110Dwlx:null,
        f111Pcxqdm:null,
        f112Jzwbm:null,
        f113Dcwybsm:null,
        f114Zylb:null,
        f109Tyxydm:null,
        f102Dwxxmc:null,
        f201Fdfzr:null,
        f202Kysj:null,
        f203Ctqh:null,
        f203Gddh:null,
        f203Yddh:null,
        f203Czdh:null,
        f203Yzbm:null,
        f203Dzyx:null,
        f203Wz:null,
        f204Address:null,
        f106Qhdm:null,
        f106Cxdm:null,
        f208Yyzt:null,
        f103Hylb:null,
        f103Hydm:null,
        f211Jglx:null,
        f205Djzcx:null,
        f106Yqxxmc:null,
        fMedia:null,
        fEs1:null,
        fEs1Name:null,
        fE02:null,
        fE03:null,
        fS02:null,
        fS03:null,
        f216Gat:null,
        f207Lsgx:null,
        f206Kgqk:null,
        f209Zxkj:null,
        f210Qykj:null,
        f191Dwgm:null,
        f192Rs:null,
        f192Nxrs:null,
        f193Yysr:null,
        f193Zczj:null,
        f193Sjfj:null,
        f194Yysr:null,
        f194Zczj:null,
        f214Sj:null,
        f214Sjdm:null,
        f214Sjmc:null,
        f214Xj:null,
        f182Dwlb:null,
        f182Frdwdm:null,
        f182Frdwmc:null,
        f182Frdwdz:null,
        f182Frdwqhdm:null,
        f198Ryrs:null,
        f198Nxrs:null,
        f195Jyxdwsr:null,
        f196Fjyxzc:null,
        f197Xsmj:null,
        f197Dsmj:null
      },
      tablecols:null,
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      },
      currentPro: null//选择的某一个项目
    }
  },
  props: {
  },
  created() {
    this.getFieldCols();
  },
  mounted() {
  },
  methods: {
    getFieldCols(){
      let that=this;
      this.loading = true
      getFields({
        "tabel_name":"sys_econ_fytb"
      }).then(response => {
        that.tablecols=[];
        for(let i=0;i<response.length;i++) {
          let field = response[i];
          let label = field.comment;
          if (field.comment.indexOf("(") > -1)
            label = field.comment.substr(0, field.comment.indexOf("("));

          let dbs=field.field.split("_");
          let str=null;
          if(dbs.length==2){
            str=dbs[0]+dbs[1].charAt(0).toUpperCase() + dbs[1].slice(1);
          }else{
            str=dbs[0]+dbs[1]+dbs[2].charAt(0).toUpperCase() + dbs[2].slice(1);
          }
          if(field.field=="f_x")
            str="fx";
          if(field.field=="f_y")
            str="fy";
          field.fieldsql=str;
          field.label = label;
          that.tablecols.push(field);
        }
        this.getList();
      })
    },
    /** 查询待办列表 */
    getList() {
      let that=this;
      this.loading = true;
      listFytb(that.queryParams).then(response => {
        that.projectList = response.rows
        that.total = response.total
        that.loading = false
      })
    },
    // 取消按钮
    cancel() {
      this.open = false
      this.reset()
    },
    // 表单重置
    reset() {
      this.form = {
        f110Dwlx: null,
        f111Pcxqdm: null,
        f112Jzwbm: null,
        f113Dcwybsm: null,
        f114Zylb: null,
        f109Tyxydm: null,
        f102Dwxxmc: null,
        f201Fdfzr: null,
        f202Kysj: null,
        f203Ctqh: null,
        f203Gddh: null,
        f203Yddh: null,
        f203Czdh: null,
        f203Yzbm: null,
        f203Dzyx: null,
        f203Wz: null,
        f204Address: null,
        f106Qhdm: null,
        f106Cxdm: null,
        f208Yyzt: null,
        f103Hylb: null,
        f103Hydm: null,
        f211Jglx: null,
        f205Djzcx: null,
        f106Yqxxmc: null,
        fMedia: null,
        fEs1: null,
        fEs1Name: null,
        fE02: null,
        fE03: null,
        fS02: null,
        fS03: null,
        f216Gat: null,
        f207Lsgx: null,
        f206Kgqk: null,
        f209Zxkj: null,
        f210Qykj: null,
        f191Dwgm: null,
        f192Rs: null,
        f192Nxrs: null,
        f193Yysr: null,
        f193Zczj: null,
        f193Sjfj: null,
        f194Yysr: null,
        f194Zczj: null,
        f214Sj: null,
        f214Sjdm: null,
        f214Sjmc: null,
        f214Xj: null,
        f182Dwlb: null,
        f182Frdwdm: null,
        f182Frdwmc: null,
        f182Frdwdz: null,
        f182Frdwqhdm: null,
        f198Ryrs: null,
        f198Nxrs: null,
        f195Jyxdwsr: null,
        f196Fjyxzc: null,
        f197Xsmj: null,
        f197Dsmj: null,
        fX: null,
        fY: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.getList()
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm('queryForm')
      //下面ztzysmin和ztzysmax这两个参数不知道为什么清空不了。手动清空
      this.queryParams.f102Dwxxmc = null
      this.queryParams.f109Tyxydm = null
      this.handleQuery()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.f110Dwlx)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加A法人单位和产业活动单位基本情况";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const f109Tyxydm = row.f109Tyxydm || this.ids
      getFytb(f109Tyxydm).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改A法人单位和产业活动单位基本情况";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.title.startsWith("修改")) {
            updateFytb(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else if (this.title.startsWith("添加"))  {
            addFytb(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.f109Tyxydm || this.f109Tyxydm
      this.$confirm('是否确认删除待办编号为"' + ids + '"的数据项?', '警告', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(function() {
        return delFytb(ids)
      }).then(() => {
        this.getList()
        this.msgSuccess('删除成功')
      })
    },
    /** 导出按钮操作 */
    /** 导出按钮操作 */
    handleExport() {
      this.download('economic/fytb/export', {
        ...this.queryParams
      }, `fytb_${new Date().getTime()}.xlsx`)
    },
    handleExport1() {
      const queryParams = this.queryParams
      this.$confirm('是否确认导出所有数据项?', '警告', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(function() {
        return exportDemo(queryParams)
      }).then(response => {
        this.download(response.msg)
      })
    },
    //查看项目详情
    handleDetails(row) {
      this.show.detailShow=true;
      this.currentPro = row
      this.detailDialogOpen = true
      this.dialogTitle=row.xmmc;
      this.$nextTick(() => {
          this.$refs.detail.getCurrentProDetails(this.currentPro)
        }
      )
    },
    handleToMap(row) {
      this.dialogTitle=row.xmmc;
      this.queryFeaturesByRegionsAjax(row);

    }
  },
  beforeDestroy() {        //收尾操作，销毁
    //Bus.$off('getWorkflowTodoList')  //$off解绑当前组件所用到的事件
  }
}
</script>

<style scoped>
.map-hight {
  height: 85vh;
}

.ztzys {
  width: 285px;
  margin-right: 21px !important;
  display: inline-flex !important;
}

::v-deep .el-dialog__body {
  padding: 10px 10px;
}

::v-deep .el-dialog__headerbtn {
  top: 5px;
  right: 5px;
  font-size: 26px;
}

::v-deep .el-dialog__header {
  padding: 10px 0px 0px 10px;
}

::v-deep .el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 185px;
}

::v-deep .el-input__inner {
  height: 35px;
  line-height: 35px;
}

::v-deep .el-input__prefix, .el-input__suffix {
  top: -3px;
}

::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(173, 199, 133, 0.62) !important;
}

::v-deep .el-input__inner {
  margin-bottom: 8px
}

::v-deep .el-form-item {
  margin-bottom: 8px;
}

::v-deep .el-input {
  width: 90%;
}

::v-deep .el-form-item__label {
  line-height: 30px;
  min-width: 100px;
}

::v-deep .el-form-item__content {
  line-height: 25px;
}

::v-deep .el-form--inline .el-form-item {
  margin-right: 0px;
}

.left50 {
  margin-left: 30px;
}
</style>
